<template>
	<div class="footer">
		<div class="footer-content">
			<div class="footer-content-left">
				Copyright &copy; 2023 QCBlog.&nbsp;
				<a href="https://beian.miit.gov.cn/" target="_blank">赣ICP备2021011030号-2</a>
			</div>
			<div class="footer-content-right">
				<a href="/">主页</a>
				<a href="/about">关于</a>
			</div>
		</div>
	</div>
</template>

<script setup>
</script>

<style scoped>
.footer {
	margin: 0;
	height: 125px;
	width: 100%;
	padding: 3rem 0;
	box-shadow: var(--el-box-shadow);
	z-index: 2;
}
.footer-content {
	max-width: 1040px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	flex-direction: row;
}
.footer-content-left {
	height: 100%;
	width: 50%;
	font-size: 16px;
	text-align: left;
}
.footer-content-right {
	height: 100%;
	width: 50%;
	text-align: right;
}
.footer-content-right > a {
	margin: 0 10px;
	color: #909399;
}
.footer-content-right > a:hover {
	color: #303133;
}
.footer-content-right > a:active {
	color: #000;
}
</style>